<!--模板开始-->
<style type="text/css">
    
*
{
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
}

body
{
    background-color: white;
}

#container
{
    width: 500px;
    height: 815px;
    position: absolute;
    overflow: hidden;
}
#container > img, #container > div
{
    position: absolute;
}
#kashang
{
    left: 0px;
    top: -370px;
    -webkit-transform: translate(0px,350px);
}
@-webkit-keyframes kashang
{
    from  {-webkit-transform: translate(0px,350px);}
    to    {-webkit-transform: translate(0px,270px);}   
}
@-webkit-keyframes kashang1
{
    from  {-webkit-transform: translate(0px,270px);}
    to    {-webkit-transform: translate(0px,0px);}
}
#kaxia
{
    left: 0px;
    top: 725px;
    -webkit-transform: translate(0px,-550px);
}
@-webkit-keyframes kaxia
{
    from  {-webkit-transform: translate(0px,-550px);}
    to    {-webkit-transform: translate(0px,0px);}
}
.di
{
    left: 0px;
    top: 653px;
}
.tree
{
    left: -53px;
    top: 417px;
}
.snowman
{
    left: 272px;
    top: 683px;
    -webkit-transform-origin: 80% 100%;
    -webkit-animation: snowman 2s linear infinite alternate;
}
@-webkit-keyframes snowman
{
    from  {-webkit-transform: rotate(0deg);}
    to    {-webkit-transform: rotate(20deg);}
}
.gift
{
    left: -39px;
    top: 618px;
}
.zizi
{
    left: 202px;
    top: 645px;
    -webkit-animation: fadein 0.4s linear infinite alternate;
}
.guashi1
{
    left: 35px;
    top: 16px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 3s linear infinite;
}
.guashi2
{
    left: 83px;
    top: 15px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 3s 1s linear infinite;
}
.guashi3
{
    left: 259px;
    top: 6px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 4s linear infinite;
}
.guashi4
{
    left: 311px;
    top: 0px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 3s 2s linear infinite;
}
.guashi5
{
    left: 386px;
    top: 15px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 3s 1s linear infinite;
}
.guashi6
{
    left: 430px;
    top: 0px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: guashi 4s linear infinite;
}
@-webkit-keyframes guashi 
{
    0%   {-webkit-transform: rotate(0deg);}
    25%  {-webkit-transform: rotate(2deg);}
    50%  {-webkit-transform: rotate(0deg);}
    75%  {-webkit-transform: rotate(-2deg);}
    100% {-webkit-transform: rotate(0deg);}
}
.didi
{
    left: 202px;
    top: 645px;
}
@-webkit-keyframes fadein
{
    from  {opacity: 0}
    to    {opacity: 1}
}
@-webkit-keyframes fadeout
{
    from  {opacity: 1}
    to    {opacity: 0;}
}
.guangdian1
{
    left: 100px;
    top: 0px;
    -webkit-animation: guangdian 2s linear infinite;
}
.guangdian2
{
    left: -14px;
    top: 461px;
    -webkit-animation: guangdian 2s linear infinite;
}
@-webkit-keyframes guangdian 
{
    0%   {opacity: 0.5}
    50%  {opacity: 0.5}
    55%  {opacity: 1}
    80%  {opacity: 1}
    85%  {opacity: 0.5}
    100% {opacity: 0.5}
}
.xueban
{
    left: 0px;
    top: 0px;
    -webkit-animation: xueban 2s linear infinite;
}
.xueban1
{
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-animation: xueban1 2s 1s linear infinite;
}
@-webkit-keyframes xueban
{
    0%   {opacity: 0;-webkit-transform: translate(0px,0px);}
    50%  {opacity: 1;-webkit-transform: translate(0px,20px);}
    100% {opacity: 0;-webkit-transform: translate(0px,40px);}
}
@-webkit-keyframes xueban3
{
    0%   {opacity: 0;-webkit-transform: translate(0px,0px) scale(-1,1);}
    50%  {opacity: 1;-webkit-transform: translate(0px,20px) scale(-1,1);}
    100% {opacity: 0;-webkit-transform: translate(0px,40px) scale(-1,1);}
}
@-webkit-keyframes xueban1
{
    0%   {opacity: 0;-webkit-transform: translate(0px,0px) scale(-1,1);}
    50%  {opacity: 1;-webkit-transform: translate(0px,20px) scale(-1,1);}
    100% {opacity: 0;-webkit-transform: translate(0px,40px) scale(-1,1);}
}
.xueban2
{
    -webkit-animation: xueban 2s 1s linear infinite;
}
.xueban3
{
    top: 20px;
    -webkit-animation: xueban3 2s linear infinite;
}
@-webkit-keyframes lingdang 
{
    from  {-webkit-transform: rotate(-15deg) scale(0.25);}
    to    {-webkit-transform: rotate(15deg) scale(0.25);}
}
.lingdang1
{
    left: 13px;
    top: 405px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s linear infinite alternate;
}
.lingdang2
{
    left: 23px;
    top: 439px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 0.3s linear infinite alternate;
}
.lingdang3
{
    left: -13px;
    top: 465px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 1.4s linear infinite alternate;
}
.lingdang4
{
    left: -27px;
    top: 491px;
    -webkit-transform: scale(0.2);
    -webkit-animation: lingdang 1.5s 1.1s linear infinite alternate;
}
.lingdang5
{
    left: 19px;
    top: 489px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 0.3s linear infinite alternate;
}
.lingdang6
{
    left: 59px;
    top: 510px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 0.5s linear infinite alternate;
}
.lingdang7
{
    left: -3px;
    top: 532px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s linear infinite alternate;
}
.lingdang8
{
    left: 23px;
    top: 563px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 0.8s linear infinite alternate;
}
.lingdang9
{
    left: -25px;
    top: 584px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 0.6s linear infinite alternate;
}
.lingdang10
{
    left: 86px;
    top: 596px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s 1s linear infinite alternate;
}
.lingdang11
{
    left: 36px;
    top: 620px;
    -webkit-transform: scale(0.25);
    -webkit-animation: lingdang 1.5s linear infinite alternate;
}
@-webkit-keyframes title_in
{
    from  {opacity: 0;-webkit-transform: translate(0px,0px);}
    to    {opacity: 1;-webkit-transform: translate(0px,50px);}
}
@-webkit-keyframes title_out
{
    from  {opacity: 1;-webkit-transform: translate(0px,50px);}
    to    {opacity: 1;-webkit-transform: translate(0px,600px);}
}
.div
{
    background-color: #fff;
    opacity: 0;
}
@-webkit-keyframes div_in
{
    0%    {-webkit-transform: scale(0.3) rotate(00deg);opacity: 0}
    20%   {-webkit-transform: scale(0.42) rotate(72deg);opacity: 1}
    100%  {-webkit-transform: scale(0.9) rotate(360deg);opacity: 1}
}
@-webkit-keyframes div_out
{
    0%    {-webkit-transform: scale(0.9) rotate(360deg);opacity: 1}
    20%   {-webkit-transform: scale(0.78) rotate(432deg);opacity: 1}
    100%  {-webkit-transform: scale(0.3) rotate(720deg);opacity: 0}
}
.img
{
    position: absolute;
    left: 12px;
    top: 12px;
    opacity: 0;
}
#snow1
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow1 1.5s ease-in both;*/
}
@-webkit-keyframes snow1
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(0px,-400px) rotate(360deg);}
}
#snow2
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow2 1.5s ease-in both;*/
}
@-webkit-keyframes snow2
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(340px,-200px) rotate(360deg);}
}
#snow3
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow3 1.5s ease-in both;*/
}
@-webkit-keyframes snow3
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(340px,200px) rotate(360deg);}
}
#snow4
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow4 1.5s ease-in both;*/
}
@-webkit-keyframes snow4
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(0px,400px) rotate(360deg);}
}
#snow5
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow5 1.5s ease-in both;*/
}
@-webkit-keyframes snow5
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(-340px,200px) rotate(360deg);}
}
#snow6
{
    left: 218px;
    position: absolute;
    top: 350px;
    opacity: 0;
    /*-webkit-animation: snow6 1.5s ease-in both;*/
}
@-webkit-keyframes snow6
{
    0%    {opacity: 0;-webkit-transform: translate(0px,0px) rotate(0deg);}
    10%   {opacity: 1;-webkit-transform: translate(0px,0px) rotate(0deg);}
    100%  {opacity: 1;-webkit-transform: translate(-340px,-200px) rotate(360deg);}
}
#snowdiv
{
    width: 500px;
    height: 815px;
    /*-webkit-animation: rotating 1.5s linear both;*/
}
@-webkit-keyframes rotating
{
    0%    {-webkit-transform: rotate(0deg);opacity: 0}
    5%    {-webkit-transform: rotate(0deg);opacity: 1}
    90%   {-webkit-transform: rotate(-50deg);opacity: 1}
    100%  {-webkit-transform: rotate(-55deg);opacity: 0}
}
.word
{
    bottom: 15px;
    width: 90%;
    left: 5%;
    position: absolute;
    color: #fff;
    font-size: 28px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
</style>

<div id='container'>
    <img src='{$skinurl}skin/shengdan2/bg.jpg'>

    <img class='guangdian1' src='{$skinurl}skin/shengdan2/dian.png'>
    <img class='guangdian2' src='{$skinurl}skin/shengdan2/dian.png'>

    <img class='didi' src='{$skinurl}skin/shengdan2/didi.png'>
    <img class='zizi' src='{$skinurl}skin/shengdan2/zizi.png'>
    <img class='tree' src='{$skinurl}skin/shengdan2/tree.png'>    
    <img class='di' src='{$skinurl}skin/shengdan2/di.png'>
    <img class='snowman' src='{$skinurl}skin/shengdan2/ren.png'>
    <img class='gift' src='{$skinurl}skin/shengdan2/gift.png'>


    <img class='lingdang1' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang2' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang3' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang4' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang5' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang6' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang7' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang8' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang9' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang10' src='{$skinurl}skin/shengdan2/lingdang.png'>
    <img class='lingdang11' src='{$skinurl}skin/shengdan2/lingdang.png'>


    <div id='snowdiv'>
        <img id='snow1' src='{$skinurl}skin/shengdan2/xue1.png'>
        <img id='snow2' src='{$skinurl}skin/shengdan2/xue1.png'>
        <img id='snow3' src='{$skinurl}skin/shengdan2/xue1.png'>
        <img id='snow4' src='{$skinurl}skin/shengdan2/xue1.png'>
        <img id='snow5' src='{$skinurl}skin/shengdan2/xue1.png'>
        <img id='snow6' src='{$skinurl}skin/shengdan2/xue1.png'>
    </div>
    <div id='div1' class='div'>
        <img id='img1' class='img'>
        <div id='word1' class='word'></div>
    </div>
    <div id='div2' class='div'>
        <img id='img2' class='img'>
        <div id='word2' class='word'></div>
    </div>

    <img class='xueban' src='{$skinurl}skin/shengdan2/xueban.png'>
    <img class='xueban1' src='{$skinurl}skin/shengdan2/xueban.png'>
    <img class='xueban2' src='{$skinurl}skin/shengdan2/down.png'>
    <img class='xueban3' src='{$skinurl}skin/shengdan2/down.png'>
    <img class='shang' src='{$skinurl}skin/shengdan2/shang.png'>
    <img class='guashi1' src='{$skinurl}skin/shengdan2/lian2.png'>
    <img class='guashi2' src='{$skinurl}skin/shengdan2/wa.png'>
    <img class='guashi3' src='{$skinurl}skin/shengdan2/lian1.png'>
    <img class='guashi4' src='{$skinurl}skin/shengdan2/qiu1.png'>
    <img class='guashi5' src='{$skinurl}skin/shengdan2/qiu3.png'>
    <img class='guashi6' src='{$skinurl}skin/shengdan2/qiu2.png'>
    <img src='{$skinurl}skin/shengdan2/up.png'>


    
    <img id='kaxia' src='{$skinurl}skin/shengdan2/kaxia.png'>
    <div id='pagetitle' style='position:absolute;top:263px;left:89px;opacity:0;'>
        <div style='position:absolute;width:288px;height:171px;top:22px;left:17px;overflow:hidden;display:table'>
            <div id='titlecontent' style='width:288px;height:171px;vertical-align:middle;display:table-cell;text-align:center;font-size:28px;line-height:45px;color:#fff;'></div>
        </div>
    </div>
    <img id='kashang' src='{$skinurl}skin/shengdan2/kashang.png'>

</div>

<script>

function id (name) 
{
    return document.getElementById(name)
}

function showtitle () 
{
    id('pagetitle').style.webkitAnimation = 'title_in 1s linear both';
    id('kashang').style.webkitAnimation = 'kashang 1s linear both';
    id('titlecontent').innerHTML = e_title;

    // setTimeout(distitle, 3000)
}

function liangziyun_kawa()
{
    id('pagetitle').style.webkitAnimation = 'title_out 1.5s linear both';
    id('kashang').style.webkitAnimation = 'kashang1 1.5s linear both';
    id('kaxia').style.webkitAnimation = 'kaxia 1.5s linear both';

    timeout[1] = setTimeout(show1, 500)
}

function show1()
{
    setImage('1');
    id('div1').style.webkitAnimation = 'div_in 1s linear both';
    id('img1').style.webkitAnimation = 'fadein 1.3s linear both';

    timeout[2] = setTimeout(show2, 3000)
}

function show2()
{
    id('div1').style.webkitAnimation = 'div_out 1s linear both';
    id('img1').style.webkitAnimation = 'fadeout 1s linear both';

    id('snow1').style.webkitAnimation = 'snow1 1.5s 0.5s linear both';
    id('snow2').style.webkitAnimation = 'snow2 1.5s 0.5s linear both';
    id('snow3').style.webkitAnimation = 'snow3 1.5s 0.5s linear both';
    id('snow4').style.webkitAnimation = 'snow4 1.5s 0.5s linear both';
    id('snow5').style.webkitAnimation = 'snow5 1.5s 0.5s linear both';
    id('snow6').style.webkitAnimation = 'snow6 1.5s 0.5s linear both';
    id('snowdiv').style.webkitAnimation = 'rotating 2.5s linear both';

    setImage('2');
    id('div2').style.webkitAnimation = 'div_in 1s 0.5s linear both';
    id('img2').style.webkitAnimation = 'fadein 1s 0.5s linear both';
    timeout[3] = setTimeout(function()
    {
        id('snow1').style.webkitAnimation = '';
        id('snow2').style.webkitAnimation = '';
        id('snow3').style.webkitAnimation = '';
        id('snow4').style.webkitAnimation = '';
        id('snow5').style.webkitAnimation = '';
        id('snow6').style.webkitAnimation = '';
        id('snowdiv').style.webkitAnimation = '';

        timeout[4] = setTimeout(show3,100);
    }, 5000)
}

function show3()
{
    id('div2').style.webkitAnimation = 'div_out 1s linear both';
    id('img2').style.webkitAnimation = 'fadeout 1s linear both';

    id('snow1').style.webkitAnimation = 'snow1 1.5s 0.5s linear both';
    id('snow2').style.webkitAnimation = 'snow2 1.5s 0.5s linear both';
    id('snow3').style.webkitAnimation = 'snow3 1.5s 0.5s linear both';
    id('snow4').style.webkitAnimation = 'snow4 1.5s 0.5s linear both';
    id('snow5').style.webkitAnimation = 'snow5 1.5s 0.5s linear both';
    id('snow6').style.webkitAnimation = 'snow6 1.5s 0.5s linear both';
    id('snowdiv').style.webkitAnimation = 'rotating 2.5s linear both';

    setImage('1');
    id('div1').style.webkitAnimation = 'div_in 1s 0.5s linear both';
    id('img1').style.webkitAnimation = 'fadein 1s 0.5s linear both';
    timeout[5] = setTimeout(function()
    {
        id('snow1').style.webkitAnimation = '';
        id('snow2').style.webkitAnimation = '';
        id('snow3').style.webkitAnimation = '';
        id('snow4').style.webkitAnimation = '';
        id('snow5').style.webkitAnimation = '';
        id('snow6').style.webkitAnimation = '';
        id('snowdiv').style.webkitAnimation = '';

        timeout[6] = setTimeout(show2,100);
    }, 5000) 
}


function setImage(idname)
{

    if(reshow == true)
        return;

    while(Onload_imgs_url[image_url_index] == 'not find' || Onload_imgs_url[image_url_index] == 'loading')
    {
        if(image_url_index % step_loadnum == 0)
        {
            step_load();
        }
        image_url_index++;
        if(image_url_index == Onload_imgs_url.length)
            image_url_index = 0;
    }

    if(image_url_index % step_loadnum == 0)
    {
        step_load();
    }
    var img_bili = image_size_width[image_url_index]/image_size_height[image_url_index];

    var div = id('div' + idname);
    var img = id('img' + idname);
    
    img.src = Onload_imgs_url[image_url_index];

    var word = id('word' + idname);
    var str = words[get_pid(Onload_imgs_url[image_url_index])];
    if(str != undefined)
    {
        word.innerHTML = str;
    }
    else
    {
        word.innerHTML = '';
    }
    //500 760
    if(img_bili < (380/600))
    {
        var height = 600;
        var width = 600 * img_bili;
        var top = 70;
        var left = (500-width)/2;
    }
    else if(img_bili <= 1)
    {
        var width = 420;
        var height = 420 / img_bili;
        var left = 40;
        var top = (740-height)/2
    }
    else if(img_bili > 1)
    {
        var width = 480;
        var height = 480/img_bili;
        var left = 10;
        var top = (740-height)/2;
    } 

    div.style.width = width + 'px';
    div.style.height = height + 'px';
    div.style.left = left + 'px';
    div.style.top = top + 'px';
    
    img.style.width = (width-24) + 'px';
    img.style.height = (height-24) + 'px';


    image_url_index ++;
    if(image_url_index == Onload_imgs_url.length)
      image_url_index = 0;
}

//每次执行加载后5张图片
var bl_keepload = 'first';
var step_loadnum = 5;
function step_load()
{
    var load_num = 0
    //初步加载X张
    if(image_url_index  == 0 && bl_keepload == 'first')
    {
        console.log('loading continue');
        if(slider_images_url.length > step_loadnum)
        {
            load_num = step_loadnum;
            bl_keepload = 'next';
        }
        else
        {
            load_num = slider_images_url.length;
            bl_keepload = 'end';
        }
        for(var i = 0; i< load_num; i++)
        {
            var img=new Image();
            img.index=i;
            img.src=slider_images_url[i];
            img.onload=image_onload;
            img.onerror= image_onerror;
            Onload_imgs_url[i] = 'loading';
        }
    }
    else if(bl_keepload == 'end')
    {
        return;
    }
    else
    {
         console.log('loading continue');
        if(slider_images_url.length - image_url_index >step_loadnum*2)
        { 
            load_num = step_loadnum;
        }
        else
        {
            load_num = slider_images_url.length - image_url_index - step_loadnum;
            bl_keepload = 'end';
        }
        for(var i = image_url_index +step_loadnum; i< image_url_index + step_loadnum + load_num; i++)
        {
            var img=new Image();
            img.index=i;
            img.src=slider_images_url[i];
            img.onload=image_onload;
            img.onerror= image_onerror;
            Onload_imgs_url[i] = 'loading';
        }
    }

}
function load_images()
{
    reshow = false;
    image_size_width=[];
    image_size_height=[];
    Onload_imgs_url=[];
    image_url_index=0;
    have_num = 0;
    error_num = 0;
    begin_titletime = new Date();
    begin_titletime = begin_titletime.getTime();
    canshow = true;
    showtitle();
    bl_keepload = 'first';
    step_load();       
}

function image_onerror(event)
{
    var img = event.target;
    var index = img.index;
    if(index<step_loadnum)
        error_num ++;
    Onload_imgs_url[index] = 'not find';

    if((have_num+error_num >= step_loadnum || slider_images_url.length == (have_num+error_num)) && canshow == true)
    {   
        reshow = false;
        canshow =false;
        if(have_num == 0)
            return;
        var end_titletime = new Date();
        end_titletime = end_titletime.getTime();
        var dis_titletime = Math.abs(end_titletime-begin_titletime);
        if(dis_titletime>delaytime)
        {
            liangziyun_kawa();
        }
        else
        {
            dis_titletime = delaytime- dis_titletime;
            timeout[0] = setTimeout(function()
                {
                    liangziyun_kawa();
                },dis_titletime);
        }
    }
}

function image_onload(event)
{
    if(reshow == true)
        return;

    var img = event.target;
    var index = img.index;

    if(index<step_loadnum)
    {
        have_num++;
    }
    Onload_imgs_url[index] = img.src;
    image_size_height[index] = img.height;
    image_size_width[index] = img.width;

    console.log(Onload_imgs_url[index]);
    // console.log(have_num + '-' + error_num);

    if((have_num + error_num >= step_loadnum ||slider_images_url.length == (have_num+error_num)) && canshow == true)
    {   
        reshow = false;
        canshow =false;
        if(have_num == 0)
            return;
        var end_titletime = new Date();
        end_titletime = end_titletime.getTime();
        var dis_titletime = Math.abs(end_titletime-begin_titletime);
        if(dis_titletime>delaytime)
        {
            liangziyun_kawa();
        }
        else
        {
            dis_titletime = delaytime- dis_titletime;
            timeout[0] = setTimeout(function()
                {
                    liangziyun_kawa();
                },dis_titletime);
        }

    }
}
var image_size_width=[];
var image_size_height=[];
var image_url_index=0;
var have_num = 0;
var error_num = 0;
var canshow = true;
var reshow = false;
var delaytime=5000;
var timeout = [];

function reload_scene()
{
    clearnode();
    reshow = true;
    setTimeout(load_images,100);
}

function clearnode()
{

    for(var i = 0; i<timeout.length; i++)
    {
        clearTimeout(timeout[i]);
    }

    var itemlist = ['pagetitle','kashang','kaxia','div1','div2','img1','img2','snow1','snow2','snow3','snow4','snow5','snow6','snowdiv'];

    for(var i =0; i<itemlist.length;i++)
    {
        id(itemlist[i]).style.webkitAnimation = '';
    }

}

call_me(load_images)
</script>
<!-- 模板结束 -->